
.box{
    height: 150px;
    .box-item{
        height: 150px;
        border-radius: 7px;
        margin: 10px;
        padding: 30px;
        cursor: pointer;
        i{
            color: #fff;
            font-size: 12px;
        }
        .value{
            font-weight: 700;
            font-size: 20px;
            color: #fff;
            margin-top: 20px;
        }
    };
    .box-item:hover{
        .value{
            font-size: 24px;
        }
        
    }
    .inbound{
        background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%) !important;
    };
    .outbound{
        background-image: linear-gradient( 135deg, #FFD3A5 10%, #FD6585 100%) !important;
    };
    .taking{
        background-image: linear-gradient( 135deg, #EE9AE5 10%, #5961F9 100%) !important;
    };
}
